<!DOCTYPE html>
<!-- saved from url=(0082)file:///D:/git/xiaomifeng/src/main/webapp/WEB-INF/statics/html/passwordcreate.html -->
<html lang="en" class="pixel-ratio-1">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>查询密码实体 - 小秘疯</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./passwordquery_files/weui.min.css">
    <link rel="stylesheet" href="./passwordquery_files/jquery-weui.min.css">
    <link rel="stylesheet" href="./cssNew/ambigious.css">

    <style>
        body {

            /*background-image: linear-gradient(to bottom,#060329,#060329);*/
            background-position: top;

            /*background-image: url(\static\src\page_back.png);*/
        }

        .body_bg {
            width: 100%;

            background-size: 100% 100%;
            position: fixed;
            height: 100%;
            bottom: 0;
            z-index: -1;
        }

        .back {
            width: 100%;
            height: 100%;
            border: 0;
            background-color: rgba(0, 0, 0, 0);
        }

        .logo {
            padding-bottom: 0px;

            margin: 0 auto;
            text-align: center;
            height: 0;
            background: transparent;
        }

        .logo img {
            margin-top: -80px;
            height: 170px;
            background: transparent;
            opacity: 0.9;
        }

        .logo p {
            margin-top: 5px;
            font-size: 12px;
            line-height: 10px;
        }

        .weui-cells {
            margin-top: 10px;
            border-radius: 15px 15px 15px 15px;
            width: 90%;
            margin: 0 auto;
            position: static;
            font-size: 16px;
            padding-bottom: 10px;
            z-index: 1;
        }

        .icon_bg {
            float: right;
            height: 35px;
            width: 35px;
            background: url(/static/src/back.png) no-repeat;
            position: relative;
            bottom: 35px;
        }

        .weui-cells_b {
            margin-top: 20px;
            height: 15px;
            border-radius: 0px 0px 15px 15px;
            width: 84%;
            margin: 0 auto;
            opacity: 0.8;
            background-color: rgba(255, 255, 255, 0.63);
        }

        .panel {

            border-radius: 15px 15px 0px 0px;
            width: 85%;
            margin: 0 auto;
            background-color: rgba(209, 251, 250, 0.4);

        }

        .panel .title {
            padding-top: 20px;
            padding-left: 20px;
            font-size: 16px;
            color: #fff;
        }

        .panel .content {
            color: #e1fffb;
            font-size: 14px;
            padding-top: 10px;
            padding-left: 20px;
            padding-right: 10px;
            font-weight: lighter;
        }

        .weui-cells p {
            text-align: center;
            color: #858585;
            margin-bottom: 10px;
        }

        .weui-cells p a {
            text-align: center;
            color: #858585;
            margin-bottom: 10px;
        }

        .weui-cell {
            position: static;
        }

        .weui-label {
            width: 80px;
            text-align: center;
        }

        .weui-btn_primary {
            width: 60%;
            border-radius: 20px 20px 20px 20px;
            background-image: linear-gradient(270deg, #bb4cf6, #6985f3, #12aaf1);
            height: 40px;
            line-height: 40px;
            border: 0;
            position: static;

        }

        .lable {
            padding-top: 10px;
            width: 100%;
            text-align: center;
            font-size: 150%;
        }

        .line {
            width: 96.5%;
            height: 2px;
            background-image: linear-gradient(to bottom right, #F5F4F7, #F5F4F7);
            margin: 0 auto;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .weui-footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
        }

        .weui-vcode-img {
            height: 35px;
        }

        .weui-vcode-btn {
            margin-top: 10px;
            border: 0.5px solid;
            border-radius: 20px 20px 20px 20px;
            line-height: 25px;
            font-size: 13px;
            height: 28px;
            margin-right: 30px;
            color: #fff;
            background-color: #21E5C2;
        }

        input::-webkit-input-placeholder {
            color: #cbcdcd; /*d8d9d9*/
        }

        .weui-btn:after {
            width: auto;
            height: auto;
        }

        #login_2 {
            position: relative;
            margin-top: 20px;
            border-radius: 20px 20px 20px 20px;
            line-height: 25px;
            font-size: 18px;
            height: 40px;
            margin: 0 auto;
            border-width: 1.5px;
            border: 1.5px solid #6985F3;
            border-color: #6985F3;
            color: #6985F3;
            width: 60%;
            text-align: center;
        }

        .weui-label {
            color: #2A2367;
        }

        .body_bg {
            width: 100%;

            background-size: 100% 100%;
            position: fixed;
            height: 100%;
            bottom: 0;
            z-index: -1;
        }

        .weui-cell:before {
            border-top: none;
            content: "";
        }

        .weui-cells:after, .weui-cells:before {
            border-top: none;
        }

        .weui-cells:before {
            border-top: none;
            content: "";
        }

        .weui-cells:after {
            border-bottom: none;
            content: "";
        }

        .weui-cells:after, .weui-cells:before {
            border-bottom: none;
            content: "";
        }

        .phone {
            border: 0;
            color: #fff;
            background: transparent;
            font-size: 17px;
            border-bottom: 1px #FFFFFF solid;
            padding-bottom: 10px;
            width: 90%;
            border-radius: 0;
        }

        .weui-toptips {
            width: auto;
            right: auto;
            margin: auto;
            text-align: center;
            left: auto;
            top: auto;
            bottom: auto;
        }

        .mint-toast {
            min-width: 2rem;
            height: .66rem;
            padding: 0 5px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;

        }

        .mint-toast {
            position: fixed;
            max-width: 80%;
            border-radius: .05rem;
            background: rgba(0, 0, 0, .7);
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            z-index: 1000;
            transition: opacity .3s linear;
            border-radius: 5px;
        }

        .mint-toast.is-placemiddle {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        .mint-toast-text {
            font-size: .14rem;
            display: block;
            text-align: center
        }

        .mint-toast .mint-toast-text {
            font-size: 14px;
            white-space: nowrap;
        }
    </style>
</head>
<body>

<input type="hidden" id="peIdIpt">

<div id="back" class="back" style="width: 1880px; height: 886px;">
    <!--<div style="-->
    <!--background: url(&#39;&#39;);/*/static/0070TVaqly1frflp3owizj30m809ntat.jpg*/-->
    <!--background-size:100% auto;-->
    <!--background-repeat:no-repeat;-->
    <!--width: 100%;-->
    <!--height:300px;-->
    <!--position: fixed;-->
    <!--z-index:-1;-->
    <!--">-->

    <!--</div>-->
    <!--头图-->
    <!--<div style="background-image: url(http://p1es6zzx0.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20180611162259.png);-->
                <!--position: fixed;-->
                <!--top: 0;-->
                <!--background-size:100% auto;-->
                <!--background-repeat:no-repeat;-->
                <!--width: 100%;-->
                <!--height:100%;-->
                <!--z-index: -2;-->
    <!--">-->
        <!--背景颜色-->
    <!--</div>-->


    <div style="height: 4.5%;"></div>

    <div style="text-align: center"></div>


    <div class="weui-cells weui-cells_form" style="margin-top: 20px">

        <div style="text-align: center;margin-top: 30px">
            <img style="width: 40%" src="./passwordquery_files/EOHsymbol.png">
            <p style="font-weight:100;width: 100%;font-size: 13px;text-align: center;margin-top: 10px">
                小秘疯-可能是世界上最牛的密码管理平台 </p>
        </div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell" style="margin-top:20px;">
                <div class="weui-cell__hd"><label class="weui-label">网站名称</label></div>
                <div class="weui-cell__bd">
                    <input id="webSiteName" class="weui-input" type="text" placeholder="请输入网站名称">
                    <!--模糊匹配窗口 add by germmy@20181011-->
                    <div id="div_items">
                        <div class="div_item">周杰伦</div>
                        <div class="div_item">周杰</div>
                        <div class="div_item">林俊杰</div>
                        <div class="div_item">林宥嘉</div>
                        <div class="div_item">林妙可</div>
                        <div class="div_item">唐嫣</div>
                        <div class="div_item">唐家三少</div>
                        <div class="div_item">唐朝盛世</div>
                        <div class="div_item">奥迪A4L</div>
                        <div class="div_item">奥迪A6L</div>
                        <div class="div_item">奥迪A8L</div>
                        <div class="div_item">奥迪R8</div>
                        <div class="div_item">宝马GT</div>
                    </div>
                </div>





            </div>

            <div class="weui-cell" style="margin-top:20px;">
                <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
                <div class="weui-cell__bd">
                    <input id="phone" class="weui-input" type="text">

                    <!--<label id="phone" class="weui-label"></label>-->
                </div>
            </div>

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">密&nbsp;&nbsp;&nbsp;码</label></div>
                <div class="weui-cell__bd">
                    <input id="password" class="weui-input" type="text">
                    <!--<label id="password" class="weui-label"></label>-->
                </div>
            </div>


            <br>

            <a onclick="passwordquery()" id="passwordquerybtn" href="javascript:;" class="weui-btn weui-btn_primary">查&nbsp;&nbsp;&nbsp;询</a>
            <a onclick="passwordsave()" id="passwordsavebtn" href="javascript:;" class="weui-btn weui-btn_primary">保&nbsp;&nbsp;&nbsp;存</a>
            <a onclick="password2create()" id="password2create" href="javascript:;" class="weui-btn weui-btn_primary">添&nbsp;&nbsp;&nbsp;加</a>
            <div class="line"></div>
            <br>
            <p></p>
        </div>
        <div class="body_bg" style="border: 0">

        </div>
    </div>
    <div class="weui-cells_b weui-cells_form" style="">
    </div>

    <div class="weui-footer weui-footer_fixed-bottom">
        <div style="position: static;
                        margin-left: -0.2rem;
                        margin-top: 0.2rem;
                        z-index: 99;opacity: 1;text-align: center;    padding-left: 0.5rem;
                        margin-bottom: 0.25rem">
            <img style="width: 55%" src="./passwordquery_files/EOHUnion.png">
        </div>

        <p style="height: 10px"></p>
    </div>
    <div class="mint-toast is-placemiddle" style="padding: 16px;display: none;opacity: 0;">
        <span class="mint-toast-text" style="padding-top: 0px;"></span>
    </div>

    <script src="./passwordquery_files/jquery.min.js"></script>
    <script src="./passwordquery_files/jquery-weui.min.js"></script>
    <script src="passwordquery_files/passwordquery.js?v=201807011"></script>
    <script src="./jsNew/ambigiousQuery.js?v=20181011"></script>
    <script>
        var width = window.innerWidth;
        var height = window.innerHeight;
        var tip_anmi = false;
        $(".back").css("width", width);
        $(".back").css("height", height);

        function tip(str, time, type) {
            $(".mint-toast-text").text(str);
            if (!tip_anmi) {
                tip_anmi = true;
                $(".mint-toast").show();
                $(".mint-toast").css('opacity', 1);
                setTimeout(function () {
                    $(".mint-toast").css('opacity', 0);
                    setTimeout(function () {
                        $(".mint-toast").hide();
                        tip_anmi = false;
                    }, 300);
                }, time)
            }
        }

        //启动初始化函数
        ambigiousInit();
    </script>

</div>
</body>
</html>